/*color:#CC0066*/
*{
	margin: 0;
	padding:0;
}
/*nav star*/
#nav{
	width: 100%;
	height: 42px;
	border-bottom: 2px solid #CC0066;
}
.dropdown{
	width: 257px;
	height: 42px;
	background: #CC0066;
	border-radius: 6px 6px 0 0;
	color:#fff;
	line-height: 40px;
}
.dropdown i{
	padding:0 20px;
}
.dropdown a,.dropdown i,.dropdown a:hover{
	font-size: 18px;
	margin:0;
	color:#fff;
	text-decoration:none; 
}
.dropmenu{
	height: 440px;
	background: #FEEDF6;
	position: relative;
	z-index: 10;
	margin-top: 3px;
}
.navitems{
	width: 720px;
	height: 40px;
	line-height: 40px;
	position: relative;
	z-index: 2;
}
.navitems li,.navitems  li a{
	float: left;
	color:#000;
	font-size: 16px;
	margin:0 10px;
}
.navitems li a:hover{
	color:#CC0066;
	text-decoration: none;
}

/*nav-left*/
.mainword{
	color:#000;
	height: 30px;
	padding-left:20px;
	position: relative;
}
.mainword b a{
	padding-right: 10px;
	font-size: 16px;
	color:#000;
}
.mainword b a:hover{
	color:#000;
	text-decoration: underline;
	font-size: 16px;
}
.mainword i{
	font-size: 18px;
	color:#CC0066;
	line-height: 35px;
	position: relative;
	left: 155px;
}
.fringe ul li{
	float: left;
}
.fringe ul li a{
	font-size: 12px;
	color:#999;
	padding-right: 13px;
}
.fringe ul li a:hover{
	color:#999;
	font-size: 12px;
	text-decoration: underline;
}
.fringe{
	width: 180px;
	height: 21px;
	position: absolute;
	right: 10px;
	top:-2px;
}
.colorpink{
	color:#CC0066;
}
/*banner*/
.banner{
	position: relative;
}
.bgbanner{
	position: absolute;
	top:54px;
	left:0;
	width: 100%;
	height: 430px;
	background: url(../image/banner.jpg) no-repeat top center;
}
.banners{
	height: 440px;
	position: relative;
	top:44px;
}
.slider{
	width: 740px;
	height: 430px;
	left:250px;
	position: absolute;
	padding: 10px 10px 0 20px;
}
.slider img{
	width: 740px;
	height: 430px;
}
.dots  li{
	width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #3E3E3E;
    float: left;
    text-align: center;
    line-height: 18px;
    color: #fff;
    margin: 0 2px;
    cursor: pointer;
    font-size: 12px;
}
.dot1{
	position: absolute;
    bottom:8px;
    left: 50%;
    margin-left: -66px;
}
.dots .current{
	background: #CC0066;
}
.arrow_l,.arrow_r{
	width: 35px;
	height: 62px;
	position: absolute;
	top:50%;
	margin-top:-31px;
	background: pink;
	color:#fff;
	text-align: center;
	line-height: 62px;
	font-size: 20px;
	opacity: 0.5;
}
.arrow_r{
	right: 10px;
}
/*nav-right*/
.login,.cloth{
	width: 190px;
	height: 210px;
	background: #FEEDF7;
	position: absolute;
	right: 0px;
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.login img{
	width: 72px;
	height: 72px;
	position: absolute;
	left:50%;
	margin-left: -36px;
	top:20px;
}
.login p{
	position: absolute;
	top:95px;
	left:50%;
	margin-left: -85px;
}
.loginbtn,.registerbtn{
	display: block;
	width: 50px;
	height: 30px;
	border: 1px solid #CC0066;
	position: absolute;
	bottom:50px;
	margin-left: 25px;
	color:#666;
	font-size: 14px;
	line-height: 30px;
}
.registerbtn{
	right:25px;
}
.cloth{
	margin-top: 230px;
	color: #000;
}
.cloth h4{
	padding-top: 25px;
}
.cloth p{
	color:#666;
	font-size: 14px;
	padding-top: 5px;
}
.cloth img{
	width: 130px;
	height: 130px;
	position: absolute;
	bottom: 0;
	left:50%;
	margin-left: -65px;
}
/*nav ending*/

/*content star*/
.main{
	width: 100%;
	background: #F2F2F2;
	margin-top: 440px;
}
.recommand{
	padding-top: 10px;
}


.time,.time img{
	width: 230px;
	height: 294px;
	position: relative;
}
.time ul{
	position: absolute;
	bottom: 30px;
	left:15px; 
}
.time ul li{
	width: 40px;
	height: 40px;
	background: #000;
	line-height: 40px;
	color:#fff;
	font-size: 18px;
	text-align: center;
	margin-left: 20px;
}
.time span{
	padding: 0 10px;
	font-size: 32px;
	color: #000;
	position: absolute;
}
.punctuate1{
	left:55px;
}
.punctuate2{
	left:115px;
}


.smallSlide{
	width: 980px;
	height: 294px;
	margin-left: 230px;
	background: #fff;
	position: relative;
}
.arrow_pl,.arrow_pr{
	width: 25px;
	height: 54px;
	background: pink;
	opacity: 0.5;
	color:#fff;
	font-size: 18px;
	text-align: center;
	line-height: 54px;
	position: absolute;
	top:120px;
}
.arrow_pr{
	right: 0px;
}
.boxmodel{
	margin-left: 29px;
}
.clothbox{
	width: 190px;
	height: 250px;
	padding: 30px 20px 15px 20px;
	float: left;
	margin-left: -1px;	
	position: relative;
}
.clothbox img{
	width: 190px;
	height: 190px;
	position: absolute;
	top:30px;
}
.namePrice{
	position: absolute;
	bottom:15px;
}
.clothName{
	font-size: 18px;
	font-weight: normal;
	margin:5px 0;
}
.price{
	color:#CC0066;
	font-size: 20px;
}
.origin{
	color: #666;
	font-size: 14px;
	margin-left: 50px;
	text-decoration: line-through;
}
.ad{
	margin-top: 10px;
}
.adimg{
	height: 150px;
	margin-right: 10px;
}
.ad1{
	width: 478px;
}
.ad4{
	margin-right: 0;
}
/*unit*/
.unit{
	position: relative;
}
.unitName{
	margin:30px 0 20px 0;
}
.squareness{
	font-size: 20px;
	border-left: 8px solid pink;
	padding-left: 20px;
}
.unitName ul{
	float: left;
	position: absolute;
	top:5px;
	left:100px;
}
.unitName ul li a{
	color: #000;
}
.unitName span{
	padding: 20px;
}
.unitleft img{
	width: 230px;
	height: 555px;
	float: left;
}
.unitmain{
	width: 630px;
	height: 545px;
	background: #fff;
	position: relative;
	margin-left: 240px;
	padding: 10px 20px 0 20px;
}
.dot2{
	position: absolute;
	bottom:10px;
	left: 315px;
}
.mainbox{
	width: 200px;
	height: 250px;
	float: left;
	margin: 0px 5px 10px 5px;
}
.mainbox img{
	width: 182px;
	height: 182px;
	margin:0 10px;
}
.mainbox p{
	color:#666;
	font-size:12px;
	padding: 0 10px;
}
.mainbox .price{
	margin-left: 10px;
}
.unitright{
	width: 290px;
	height: 555px;
	background: #fff;
	float: right;
	margin-top: -555px;
	position: relative;
}
.hotbuy{
	height: 50px;
	border-left: 8px solid pink;
	line-height: 50px;
	margin-left: 10px; 
	padding-left: 20px;
	font-size: 24px;
}
.hotbuy a{
	float: right;
	padding-right: 20px;
	font-size: 16px;
	color:#000;
}
.hotbuy a:hover{
	color:#CC0066;
}
.unithot{
	width: 270px;
	height: 100px;
	margin:10px;
	position: relative;
}
.unithot img{
	width: 100px;
	height: 100px;
}
.hotname{
	position: absolute;
	left: 120px;
	top:10px;
}
.hotname p{
	font-size: 16px;
	color:#666;
	margin-bottom: 5px;
}
.hotcontent{
	font-size: 12px;
	color:#000;
}
.minarrow{
	width: 270px;
	height: 50px;
	float: left;
	position: absolute;
	bottom:-10px;
	left:50%;
	margin-left: -70px;
}
.minarrow a{
	color:#000;
	width: 20px;
	height: 20px;
	font-size: 18px;
	margin: 5px;
}
.minarrow span:hover{
	color:#CC0066;
	text-decoration: underline;
}